<template>
  <div class="empty">
    <!-- <img src="" alt=""> -->
    <!-- <img src="./" alt=""> -->
    <img src="@/assets/empty-image-error.png" v-if="type==='search'" alt="" />
    <img src="@/assets/empty-image-error.png" v-else-if="type==='error'" alt="" />
    <img src="@/assets/empty-image-search.png" v-else alt="" />
    <p>{{ title }}</p>
    <slot></slot>
  </div>
</template>
<script>
export default {
    props:{
        title:{
            type:String,
            default:'空空如也'
        },
    type:{
        type:String,
        default:'normal'
    }
}
}
</script>
<style scoped="scoped" lang="scss">
    .empty{
        text-align: center;
        color: #777;
        img{
            width: 50%;
        }
    }
</style>